<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:composite="http://xmlns.jcp.org/jsf/composite">

<h:body>

    <composite:interface>
        <composite:attribute name="text" required="true" />
    </composite:interface>

    <composite:implementation>
        <h:outputStylesheet name="component/css/tooltip.css" />
        <div class="tooltip">
            <span class="tooltip-text">
                <h:outputText value="#{cc.attrs.text}" />
            </span>
        </div>
    </composite:implementation>
</h:body>
</html>